<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="/struts-tags" prefix="s"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>无标题文档</title>
		<style type="text/css">
<!--
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.STYLE1 {
	font-size: 12px
}

.STYLE3 {
	font-size: 12px;
	font-weight: bold;
}

.STYLE4 {
	color: #03515d;
	font-size: 12px;
}
-->
</style>

		<!-- Video -->
		<link rel="stylesheet" href="common/html5-video/vendorstyle.css" />
		<link rel="stylesheet" href="common/html5-video/demo1/style.css" />
		<script>
     function validateForm(){
     var localVar = document.getElementById("interactiveTopic_title");
      if(localVar.value.length<1||localVar.value.length>50)
       {
           alert("标题不能少于5个字符,不能大于50个字符");
           localVar.focus();
           return false;
       }
      localVar = document.getElementById("interactiveTopic_orderView");
      if(localVar.value.length<1)
       {
           alert("显示顺序格式不正确！");
           localVar.focus();
           return false;
       }
      localVar = document.getElementById("interactiveTopic_content");
      if(localVar.value.length<12)
       {
           alert("内容不能少于12个字符！");
           localVar.focus();
           return false;
       }
       return true;  
       
     }
    </script>

	</head>

	<body onload="document_onload();">
		<table width="450" border="0" cellspacing="0" cellpadding="0"
			align="center" background="common/html5-video/bg.jpg">
			<tr>
				<td>
					&nbsp;
				</td>
			</tr>
			<tr>
				<td height="30" background="tab/images/tab_05.gif">
					<table width="100%" border="0" cellspacing="0" cellpadding="0">
						<tr>
							<td width="12" height="30">
								<img src="tab/images/tab_03.gif" width="12" height="30" />
							</td>
							<td>
								<table width="100%" border="0" cellspacing="0" cellpadding="0">
									<tr>
										<td width="80%" valign="middle">
											<table width="100%" border="0" cellspacing="0"
												cellpadding="0">
												<tr>
													<td width="5%">
														<div align="center">
															<img src="tab/images/tb.gif" width="16" height="16" />
														</div>
													</td>
													<td width="100%" class="STYLE1">
														<div align="center">
															${title}
														</div>
													</td>
												</tr>
											</table>
										</td>
										<td width="54%">
											&nbsp;
										</td>
									</tr>
								</table>


								<td width="16">
									<img src="tab/images/tab_07.gif" width="16" height="30" />
								</td>
						</tr>
					</table>
				</td>
			</tr>
			<s:form action="interactiveAction!interactiveSave.action"
				method="post" theme="simple" onsubmit="return validateForm();">
				<s:hidden name="interactiveTopic.id"/>
				<tr>
					<td>
						<table width="100%" border="0" cellspacing="0" cellpadding="0">
							<tr>
								<td width="8" background=" tab/images/tab_12.gif">
									&nbsp;
								</td>
								<td>
									<table width="100%" border="0" cellpadding="0" cellspacing="1"
										bgcolor="b5d6e6" onmouseover="changeto()"
										onmouseout="changeback()">

										<tr>
											<td height="30" bgcolor="#FFFFFF">
												<div align="right">
													<span class="STYLE1">标题</span>
												</div>
											</td>
											<td height="30" bgcolor="#FFFFFF">
												<div align="left">
													<s:textfield name="interactiveTopic.title"
														id="interactiveTopic_title" cssStyle="width:300px;" />
												</div>
											</td>
										</tr>
										<tr>
											<td height="30" bgcolor="#FFFFFF">
												<div align="right">
													<span class="STYLE1">显示顺序</span>
												</div>
											</td>
											<td height="30" bgcolor="#FFFFFF">
												<div align="left">
													<span class="STYLE1"><s:textfield
															name="interactiveTopic.orderView"
															id="interactiveTopic_orderView" /> </span>
												</div>
											</td>
										</tr>
										<tr>
											<td height="30" bgcolor="#FFFFFF">
												<div align="right">
													<span class="STYLE1">是否置顶</span>
												</div>
											</td>
											<td height="30" bgcolor="#FFFFFF">
												<div align="left">
													<span class="STYLE1"><s:radio
															list="#{'0':'否','1':'是'}" name="interactiveTopic.top" />
													</span>
												</div>
											</td>
										</tr>
										<tr>
											<td height="30" bgcolor="#FFFFFF">
												<div align="right">
													<span class="STYLE1">状态</span>
												</div>
											</td>
											<td height="30" bgcolor="#FFFFFF">
												<div align="left">
													<span class="STYLE1"><s:radio
															list="#{'0':'暂不发布','1':'发布'}"
															name="interactiveTopic.verification" />
												</div>
											</td>
										</tr>
										<tr>
											<td height="30" bgcolor="#FFFFFF">
												<div align="right">
													<span class="STYLE1">内容</span>
												</div>
											</td>
											<td height="30" bgcolor="#FFFFFF">
												<div align="left">
													<s:textarea rows="10" cols="45"
														name="interactiveTopic.content"
														id="interactiveTopic_content" />
													&nbsp;
												</div>
											</td>
										</tr>

										<tr>
											<td height="30" bgcolor="#FFFFFF" colspan="2">
												<div align="center">
													<input type="submit" title="提交" />
												</div>
											</td>
										</tr>
									</table>

								</td>
								</s:form>
								<td width="8" background="tab/images/tab_15.gif">
									&nbsp;
								</td>
							</tr>
						</table>
					</td>
				</tr>

				<!-- <tr>&nbsp;</tr>-->
				<tr>
					<td height="35" background="tab/images/tab_19.gif">
						<table width="100%" border="0" cellspacing="0" cellpadding="0">
							<tr>
								<td width="12" height="35">
									<img src="tab/images/tab_18.gif" width="12" height="35" />
								</td>
								<td>
									<table width="100%" border="0" cellspacing="0" cellpadding="0">
										<tr>
											<td class="STYLE4">
												&nbsp;&nbsp
											</td>
											<td>
												<span class="STYLE1"></span>&nbsp;
											</td>
										</tr>
									</table>
								</td>
								<td width="16">
									<img src="tab/images/tab_20.gif" width="16" height="35" />
								</td>
							</tr>
						</table>
					</td>
				</tr>
		</table>
	</body>
</html>